<!DOCTYPE html>
<!--suppress ALL -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>node</title>
    <script type="text/javascript">
        window.onload=function () {
            document.getElementById("btn1").onclick=function () { displayp () };
            document.getElementById("btn2").onclick=function () { updatep () };
            document.getElementById("btn3").onclick=function () { deletep () };
        }
        function displayp() {
            var dP=document.getElementsByTagName("p");
            for(var dP1=0;dP1<dP.length;dP1++){
                if (dP[dP1].firstChild.nodeType == 3){
                    alert("节点名字：" + dP[dP1].firstChild.nodeName+"\n"+"节点类型："+dP[dP1].firstChild.nodeType+"\n"+"节点值："+dP[dP1].firstChild.nodeValue);
                }else{
                    alert("节点名字：" + dP[dP1].firstChild.nodeName+"\n"+"节点类型："+dP[dP1].firstChild.nodeType+"\n"+"节点值："+dP[dP1].firstChild.firstChild.nodeValue);
                }
            }
        }
        function updatep() {
            var upd=document.getElementById("p1").firstChild.nodeValue="获取属性节点：";
        }
        function deletep() {
            var dEl=document.getElementById("p1");
            dEl.parentNode.removeChild(dEl);
        }
    </script>
</head>
<body>
<p>对于文本节点，nodevalve属性包含文本内容</p>
<p>对于属性节点，nodevalve属性包含属性值</p>
<p><b>其中：</b>，nodevalve属性对文档和元素节点不可用</p>
<p id="p1">attributes是所有属性节点的集合 ，数组</p>
<input type="button" value="显示p内容" id="btn1">
<input type="button" value="修改p内容" id="btn2">
<input type="button" value="删除节点" id="btn3">
</body>
</html>